import QtQuick 2.12
import QtQuick.Controls 2.5

Page {
    width: 600
    height: 160
    property alias comboBoxType: comboBoxType
    property alias buttonOrder: buttonOrder
    property alias labelAge: labelAge
    property alias progressBarAge: progressBarAge
    property alias dialAge: dialAge
    property alias textFieldName: textFieldName
    property alias labelName: labelName

    Row {
        id: rowMain
        height: 160
        spacing: 25
        anchors.fill: parent

        Column {
            id: columnLeft
            width: 200
            height: parent.height
            spacing: 5

            Label {
                id: labelName
                text: qsTr("Please Enter a name")
                font.pointSize: 13
            }

            TextField {
                id: textFieldName
                width: parent.width200
                placeholderText: qsTr("Text Field")
            }

            ComboBox {
                id: comboBoxType
                width: parent.width
            }
        }

        Column {
            id: columnRight
            width: 200
            height: parent.height

            Dial {
                id: dialAge
                width: parent.width
                height: 120
                value: 1
                to: 20
                from: 0
            }

            ProgressBar {
                id: progressBarAge
                to: dialAge.to
                from: dialAge.from
                value: 1
            }

            Label {
                id: labelAge
                text: qsTr("Age 1")
            }
        }
    }

    Button {
        id: buttonOrder
        x: 462
        y: 60
        text: qsTr("Order")
    }
}

/*##^##
Designer {
    D{i:1;anchors_height:400;anchors_width:200}
}
##^##*/

